<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>访客系统</title>
	<link rel="stylesheet" href="style.css">
	<link rel="stylesheet" href="//at.alicdn.com/t/font_1943115_ult0umdxf9k.css">
</head>
<body>
	<div class="left">
	<div class="head-box">
		<img src="img/cicle.png" id="headImg">
	</div>
	<input type="file" onchange="getImage()" accept="image/*" class="head-img">
	<div class="head-msg">-请点击上方拍照或者上传照片-</div>
	<form id="form">
		<label>
			<img class="icon" src="img/name01.png" alt="">
			<div>被访人姓名</div>
			<input name="employeeName" type="text" placeholder="输入被访人姓名">
		</label>
	<label>
		<img class="icon" src="img/tel01.png" alt="">
		<div>被访人电话</div>
		<input name="employeePhoneNumber" pattern="[0-9]*" type="number" placeholder="输入被访人电话">
	</label>
	<label>
		<img class="icon" src="img/name02.png" alt="">
		<div>访客姓名</div>
		<input name="visitorName" onfocus="getHeight()" onblur="toTop()" type="text" placeholder="输入您的姓名">
	</label>
	<label>
		<img class="icon" src="img/tel02.png" alt="">
		<div>访客电话</div>
		<input name="visitorPhoneNumber" onfocus="getHeight()" onblur="toTop()" pattern="[0-9]*" type="number" placeholder="输入您的手机号">
	</label>
	<label>
		<img class="icon" src="img/id01.png" alt="">
		<div>身份证号码</div>
		<input name="visitorCardId" onfocus="getHeight()" onblur="toTop()" pattern="[0-9]*" type="number" placeholder="输入您的身份证号码">
	</label>
	<label>
		<img class="icon" src="img/car.png" alt="">
		<div>访客车牌</div>
		<input name="visitorCarNumber" onfocus="getHeight()" onblur="toTop()" type="text" placeholder="格式：苏A88899(选填)">
	</label>
	<label class="arrow">
		<img class="icon" src="img/go.png" alt="">
		<div>是否有随行</div>
		<select name="isAccompany" onchange="changeAccompany(this)" onfocus="getHeight()" onblur="toTop()">
			<option value="0">否</option>
			<option value="1">是</option>
		</select>
	</label>
	<div class="accompany hidden">
	<label>
		<img class="icon" src="img/name03.png" alt="">
		<div>随行人姓名</div>
		<input name="accompanyName" id="name" onfocus="getHeight()" onblur="toTop()" type="text" placeholder="输入姓名">
	</label>
	<label>
		<img class="icon" src="img/tel03.png" alt="">
		<div>随行人电话</div>
		<input name="accompanyPhoneNumber" id="tel" onfocus="getHeight()" onblur="toTop()" pattern="[0-9]*" type="number" placeholder="输入手机号">
	</label>
	<label>
		<img class="icon" src="img/id02.png" alt="">
		<div>身份证号码</div>
		<input name="accompanyCardId" id="identity" onfocus="getHeight()" onblur="toTop()" pattern="[0-9]*" type="number" placeholder="输入身份证号码">
	</label>
	<label>
		<img class="icon" src="img/add.png" alt="">
		<div>添加随行人员</div>
		<div class="add-person"><span onclick="addPeople()">+</span></div>
	</label>
	</div>
	<label class="arrow">
		<img class="icon" src="img/reason.png" alt="">
		<div>到访事宜</div>
		<select name="reason" onfocus="getHeight()" onblur="toTop()">
			<option value="0">亲友</option>
			<option value="1">会见</option>
			<option value="2">商务</option>
			<option value="3">其它</option>
		</select>
	</label>
	<label>
		<span class="iconfont iconrili"></span>
		<div>预约到达日期</div>
		<input class="date" name="date" onfocus="getHeight()" onblur="toTop()" type="date">
	</label>
	<label>
		<img class="icon" src="img/arrive.png" alt="">
		<div>预约到达时间</div>
		<input name="time" onfocus="getHeight()" value="09:00" onblur="toTop()" type="time">
	</label>
	<label>
		<span class="iconfont iconrili"></span>
		<div>预约离开日期</div>
		<input class="date" name="leaveDate" onfocus="getHeight()" onblur="toTop()" type="date">
	</label>
	<label>
		<img class="icon" src="img/leave.png" alt="">
		<div>预约离开时间</div>
		<input name="leaveTime" onfocus="getHeight()" value="15:00" onblur="toTop()" type="time">
	</label>
	<label>
		<img class="icon" src="img/remarks.png" alt="">
		<div>备注信息</div>
		<input name="remark" onfocus="getHeight()" onblur="toTop()" type="text" placeholder="输入备注信息">
	</label>
	<label class="submit" onclick="submit()">提 交</label>
</form>
</div>
<div class="right hidden">
	<div class="menu" onclick="changeType()">
		<div data-id="0">我的申请</div>
		<div data-id="1">已到访</div>
		<div data-id="2" class="m-active" id="beforeCheck">待审批</div>
		<div data-id="3">已通过</div>
		<div data-id="4">已拒绝</div>
	</div>
	<div class="list back">
	</div>
</div>
	<div class="foot">
		<div onclick="toggle(0,this)" class="is-active">
			<span class="iconfont iconshouye1"></span>
			<div class="foot-msg">首页</div>
		</div>
		<div onclick="toggle(1,this)" id="mine">
			<span class="iconfont iconwode"></span>
			<div class="foot-msg">我的</div>
		</div>
	</div>
	<div class="van-toast hidden"></div>
	<div class="dialog-out hidden">
		<form class="dialog">
			<div class="close" onclick="closeDialog()"></div>
			<div style="width: 100%;text-align: center;margin-top: 6px;">-信息详情页-</div>
			<div class="dialog-body"></div>
		</form>
	</div>
	<div class="dialog-out loading hidden">
		<div class="weui-toast"><i class="weui-loading weui-icon_toast"></i><div class="weui-toast__content">加载中...</div></div>
	</div>
</body>
<script src="ajax.js"></script>
<script src="index.js"></script>
</html>